<template>
  <div class="divRoot">
    <ty-caution title="title">
        info
    </ty-caution>
    <ty-caution title="title" type="success">
        info
    </ty-caution>
    <ty-caution title="title" type="warning">
        info
    </ty-caution>
    <ty-caution title="title" type="error">
        info
    </ty-caution>


    <ty-caution title="title" :isShowIcon="false">
        info
    </ty-caution>
    <ty-caution title="title" type="success" :isShowIcon="false">
        info
    </ty-caution>
    <ty-caution title="title" type="warning" :isShowIcon="false">
        info
    </ty-caution>
    <ty-caution title="title" type="error" :isShowIcon="false">
        info
    </ty-caution>


    <ty-caution title="title" :isShowIcon="false">
    </ty-caution>
    <ty-caution title="title" type="success" :isShowIcon="false">
    </ty-caution>
    <ty-caution title="title" type="warning" :isShowIcon="false">
    </ty-caution>
    <ty-caution title="title" type="error" :isShowIcon="false">
    </ty-caution>

    <ty-caution title="title" >
    </ty-caution>
    <ty-caution title="title" type="success">
    </ty-caution>
    <ty-caution title="title" type="warning" >
    </ty-caution>
    <ty-caution title="title" type="error">
    </ty-caution>
  </div>
</template>
<script setup>
</script>
<style lang="less" scoped>
</style>
